<div class="select-seat">
    <div class="tool-box" init-pos-x="1200" init-pos-y="50" mks-draggable>
        <div>
            <div class="btn-group" uib-dropdown>
                <button type="button" class="btn btn-info">入驻选座</button>
                <button type="button" class="btn btn-info" uib-dropdown-toggle>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="split-button">
                    <li role="menuitem"><a href="">入驻选座</a></li>
                    <li role="menuitem"><a href="">座位调整</a></li>
                </ul>
            </div>
            <div class="btn-group" uib-dropdown>
                <button type="button" class="btn btn-primary">{{currentRoomNo.data}}</button>
                <button type="button" class="btn btn-primary" uib-dropdown-toggle>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="split-button">
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:103})">103</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:104})">104</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:111})">111</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:113})">113</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:201})">201</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:204})">204</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:208})">208</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:210})">210</a></li>
                    <li role="menuitem"><a ui-sref="select-seat.room({roomNo:213})">213</a></li>
                </ul>
            </div>
        </div>
        <div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    座位信息
                </div>
                <ul class="list-group">
                    <li class="list-group-item">座位号:{{hoveredSeat.data.seatNo}}</li>
                    <li class="list-group-item">学生学号:{{hoveredSeat.data.member[0].studentId}}</li>
                    <li class="list-group-item">姓名:{{hoveredSeat.data.member[0].studentName}}</li>
                    <li class="list-group-item">所属团队
                        <ul>
                            <li ng-repeat="item in hoveredSeat.data.member">{{item.teamName}}</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="team-panel" mks-draggable init-pos-x="50" init-pos-y="50">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="btn-group" uib-dropdown>
                    <button type="button" class="btn btn-info">团队</button>
                    <button type="button" class="btn btn-info">{{isObjectEmpty(currentTeam.data) ? "未选择" : currentTeam.data.teamName}}</button>
                    <button type="button" class="btn btn-info" uib-dropdown-toggle>
                        <span class="caret"></span>
                        <span class="sr-only">Split button!</span>
                    </button>
                    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="split-button">
                        <li role="menuitem" ng-repeat="team in teams"><a href="" ng-click="selectTeam(team)">{{team.teamName}}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="list-group">
                <a href="" class="list-group-item"
                   ng-repeat="member in currentTeam.data.members"
                   ng-class="{
                   disabled:member.seat,
                   active:member.order
                   }"
                   ng-click="member.seat ? '':selectMember(member)"
                >

                    {{member.studentName}}
                    <small ng-show="member.seat" class="text-primary">已经选了{{member.seat.roomNo}}房间的{{member.seat.seatNo}}号座位</small>
                    <span class="badge" ng-show="member.order">{{member.order}}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="hint-panel" mks-draggable init-pos-x="1000" init-pos-y="360">
        <div class="hint">
            <div class="color" style="background-color: red"></div>
            被当前选中的团队某个成员使用，且该成员属于多个团队
        </div>
        <div class="hint">
            <div class="color" style="background-color: green"></div>
            被当前选中的团队某个成员使用，且该成员只属于该团队
        </div>
        <div class="hint">
            <div class="color" style="background-color: rgb(87,87,87)"></div>
            已被使用
        </div>
        <div class="hint">
            <div class="color" style="background-color: rgb(194,194,194)"></div>
            未被使用
        </div>
        <div class="hint">
            <div class="color" style="background-color: rgb(18,44,102)"></div>
            选中
        </div>
    </div>
    <!--<div class="seat-info-panel" mks-draggable init-pos-x="850" init-pos-y="250">-->
    <!--<ul>-->
    <!--<li>座位号:</li>-->
    <!--<li>学生学号:</li>-->
    <!--<li>姓名:</li>-->
    <!--<li>所属团队:-->
    <!--<ul>-->
    <!--<li>TPW</li>-->
    <!--</ul>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->

    <!--确认按钮-->
    <div class="confirm-btn-panel" mks-draggable init-pos-x="50" init-pos-y="400">
        <button class="btn btn-default btn-block" ng-click="submit()">确定</button>
    </div>
    <!--end 确认按钮-->

    <!--房间另外设为一个view加载-->
    <div ui-view></div>
</div>
